<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 表格标签属性：
        - border	边框
        - cellspacing   单元格间距
        - cellpadding 单元格填充
        - width   宽  控制一列
        - height  高   控制一行
        - align    对齐方式 ：向左(left) 居中(center) 向右(right) 只控制一个单元格
    -->
    <!-- 快捷创建三行四列表格结构：table>tr*3>td*4 -->
    <table border="1" cellspacing="0" cellpadding="15" width="1000">
        <tr>
            <td width="100">内容</td>
            <td width="500">内容</td>
            <td width="200">内容</td>
            <td height="60">内容</td>
        </tr>
        <tr>
            <!-- <td width="600">内容</td> 造成尺寸冲突-->
            <td>内容</td>
            <td>内容</td>
            <td align="right">内容</td>
            <td>内容</td>
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
        </tr>
    </table>

    <div>三行</div>
    <div>三行</div>
    <div>三行</div>
</body>

</html>